:root {
    --global-font-family: "aktiv-grotesk", "Helvetica Neue", "Arial Narrow", sans-serif;
    --global-font-size: 16;
    --global-font-line-height: 1.8;
    --highlight-font-family: "aktiv-grotesk-extended", "Helvetica Neue", "Arial Narrow", sans-serif;
    --content-width: 45rem;
    --dropdown-symbol-width: 0.7em;
    --global-font-color: #1f1f21;
    --global-font-dark: #707070;
    --global-font-light: #ebebeb;
    --global-black-color: #000;
    --global-white-color: #fff;
    --color-not-black-color: #242424;
    --color-stories: #f2f2f2;
    --color-curriculum: #ebebeb;
    --color-events: #dbdbdb;
    --color-light-grey: #b0b0b0;
    --color-red: #ea1e48;
    --color-background: #fdfdfd;
    --color-contextual: #282829;
    --color-theme-primary: #1f1f21;
    --color-theme-secondary: #fff;
    --color-theme-red: #c0392b;
    --color-theme-green: #27ae60;
    --color-theme-blue: #2980b9;
    --color-theme-yellow: #f1c40f;
    --color-theme-black: #000;
    --color-theme-grey: #95a5a6;
    --color-theme-white: #eaeaea;
    --color-custom-daylight: #97c0b7;
    --color-custom-sun: #eee9d1;
    --color-link: #1f1f21;
    --color-link-visited: #1f1f21;
    --color-link-active: #1f1f21;
    --color-quote-border: #000;
    --color-quote-citation: #6c7781;
    --menu-width: 45px;
    --site-padding: 160px;
    --mobile-site-padding: 32px;
    --site-padding-minus: -160px;
    --mobile-site-padding-minus: -20px;
    --mobile-top: 100px;
    --half-padding: 65px;
    --mobile-half-padding: 10px;
    --left-push: 33.33%;
    --right-width: 66.66%;
    --good-column: 700px;
    --sixteen: 16px;
    --minus-sixteen: -16px;
    --eight: 8px;
    --font-size-mobile: calc(14/var(--global-font-size)*1rem);
    --font-size-small: calc(16/var(--global-font-size)*1rem);
    --font-size-regular: calc(var(--global-font-size)/16*1rem);
    --font-size-large: calc(36/var(--global-font-size)*1rem);
    --font-size-larger: calc(48/var(--global-font-size)*1rem)
}

.story-wrapper .entry-content {
    position: relative
}

.no-margin,
.no-margin * {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.no-padding {
    margin: 0
}

@media screen and (min-width:48em) {
    .alignleft {
        float: left;
        margin-right: 1.5rem
    }
}

@media screen and (min-width:48em) {
    .alignright {
        float: right;
        margin-left: 1.5rem
    }
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.alignfull {
    max-width: 100%;
    padding: 0
}

.has-small-font-size {
    font-size: 1rem;
    font-size: var(--font-size-small)
}

.has-regular-font-size {
    font-size: 1rem;
    font-size: var(--font-size-regular)
}

.has-large-font-size {
    font-size: 2.25rem;
    font-size: var(--font-size-large)
}

.has-larger-font-size {
    font-size: 3rem;
    font-size: var(--font-size-larger)
}

@media screen and (min-width:60em) {

    .single-main .entry-content>.audio-player,
    .single-main .entry-content>.wp-block-audio,
    .single-main .entry-content>.wp-block-button,
    .single-main .entry-content>.wp-block-buttons,
    .single-main .entry-content>.wp-block-code,
    .single-main .entry-content>.wp-block-cover,
    .single-main .entry-content>.wp-block-embed.aligncenter,
    .single-main .entry-content>.wp-block-gallery,
    .single-main .entry-content>.wp-block-group,
    .single-main .entry-content>.wp-block-jetpack-tiled-gallery,
    .single-main .entry-content>.wp-block-media-text,
    .single-main .entry-content>.wp-block-preformatted,
    .single-main .entry-content>.wp-block-pullquote,
    .single-main .entry-content>.wp-block-table,
    .single-main .entry-content>.wp-block-verse,
    .single-main .entry-content>blockquote,
    .single-main .entry-content>h1,
    .single-main .entry-content>h2,
    .single-main .entry-content>h3,
    .single-main .entry-content>h4,
    .single-main .entry-content>h5,
    .single-main .entry-content>h6,
    .single-main .entry-content>p,
    .single-main .entry-content>ul {
        max-width: 66.66%;
        max-width: var(--right-width);
        margin-left: 33.33%;
        margin-left: var(--left-push)
    }
}

.curriculum-main article,
.single-main article,
.student-main article {
    max-width: 1300px;
    margin: 0 auto
}

.curriculum-main .entry-content>.wp-block-jetpack-tiled-gallery.alignwide,
.single-main .entry-content>.wp-block-jetpack-tiled-gallery.alignwide,
.student-main .entry-content>.wp-block-jetpack-tiled-gallery.alignwide {
    max-width: 100%;
    margin-left: 0
}

.curriculum-main .entry-content>.wp-block-jetpack-tiled-gallery.alignfull,
.single-main .entry-content>.wp-block-jetpack-tiled-gallery.alignfull,
.student-main .entry-content>.wp-block-jetpack-tiled-gallery.alignfull {
    margin: 2rem -160px;
    margin: 2rem var(--site-padding-minus);
    max-width: inherit
}

.curriculum-main .entry-content>.wp-block-group.alignwide,
.single-main .entry-content>.wp-block-group.alignwide,
.student-main .entry-content>.wp-block-group.alignwide {
    max-width: 100%;
    margin-left: 0
}

.curriculum-main .entry-content>.wp-block-group.alignfull,
.single-main .entry-content>.wp-block-group.alignfull,
.student-main .entry-content>.wp-block-group.alignfull {
    margin: 2rem -160px;
    margin: 2rem var(--site-padding-minus);
    max-width: inherit
}

.wp-block-verse {
    color: #49494d
}

.wp-block-code {
    font-size: 14px;
    color: #ebebeb;
    color: var(--global-font-light);
    background-color: #1f1f21;
    background-color: var(--global-font-color);
    padding: .8em 1em;
    border: 1px solid #000;
    border: 1px solid var(--global-black-color);
    border-radius: 4px
}

.wysiwyg_left {
    position: relative;
    clear: both;
    float: left;
    padding-right: 45px;
    padding-right: var(--menu-width)
}

.single-main .entry-content>.wysiwyg_left {
    max-width: 33.33%;
    max-width: var(--left-push);
    z-index: -1
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 40px
}

.wysiwyg_left h1,
.wysiwyg_left h2,
.wysiwyg_left h3,
.wysiwyg_left h4,
.wysiwyg_left h5,
.wysiwyg_left h6 {
    margin-top: 0
}

.wp-block-image {
    margin: 2rem 0
}

figure.wp-block-image.alignfull {
    margin: 0 32px;
    margin: 0 var(--mobile-site-padding)
}

.curriculum-main .wp-block-image.alignfull,
.single-main .wp-block-image.alignfull,
.student-main .wp-block-image.alignfull {
    margin: 0
}

@media screen and (min-width:60em) {

    .curriculum-main .wp-block-embed.alignfull,
    .curriculum-main .wp-block-image.alignfull,
    .single-main .wp-block-embed.alignfull,
    .single-main .wp-block-image.alignfull,
    .student-main .wp-block-embed.alignfull,
    .student-main .wp-block-image.alignfull {
        margin: 2rem -160px;
        margin: 2rem var(--site-padding-minus);
        max-width: inherit
    }

    .single-main .wp-block-image .aligncenter,
    .single-main .wp-block-image .alignright {
        max-width: 66.66%;
        max-width: var(--right-width);
        margin-left: 33.33%;
        margin-left: var(--left-push)
    }

    .curriculum-main .wp-block-image .alignleft,
    .student-main .wp-block-image .alignleft {
        float: left;
        max-width: 50%
    }

    .curriculum-main .wp-block-image .alignleft.size-medium,
    .student-main .wp-block-image .alignleft.size-medium {
        max-width: 300px
    }

    .curriculum-main .wp-block-image .alignright,
    .student-main .wp-block-image .alignright {
        float: right;
        max-width: 50%
    }

    .curriculum-main .wp-block-image .alignright.size-medium,
    .student-main .wp-block-image .alignright.size-medium {
        max-width: 300px
    }

    .curriculum-main .wp-block-image .aligncenter.size-medium,
    .student-main .wp-block-image .aligncenter.size-medium {
        max-width: 300px;
        margin: 2em auto
    }

    .single-main .wp-block-image .alignleft {
        margin-left: 33.33%;
        margin-left: var(--left-push)
    }

    .single-main .wp-block-embed,
    .single-main .wp-block-image .aligncenter,
    .single-main .wp-block-image .alignright,
    .single-main .wp-block-image.alignwide {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

figure {
    position: relative;
    overflow: hidden
}

.wp-block-image figcaption {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-height: 100%;
    font-size: 13px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .7)), color-stop(70%, rgba(0, 0, 0, .3)), to(transparent));
    background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent);
    margin: 0;
    padding: 20px;
    overflow: scroll;
    background-color: rgba(0, 0, 0, .5);
    color: #ebebeb;
    color: var(--global-font-light);
    text-align: left;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.wp-block-image:hover figcaption {
    opacity: 1
}

.single-main .entry-content>.wp-block-media-text {
    background-color: #ebebeb;
    background-color: var(--color-curriculum);
    padding: 10px;
    border: 1px solid #ebebeb;
    border: 1px solid var(--color-curriculum);
    border-radius: 2px;
    margin-top: 2rem;
    margin-bottom: 2rem
}

@media screen and (min-width:48em) {

    .curriculum-main .entry-content>.wp-block-media-text.alignwide,
    .single-main .entry-content>.wp-block-media-text.alignwide,
    .student-main .entry-content>.wp-block-media-text.alignwide {
        max-width: 100%;
        margin-left: 0
    }

    .curriculum-main .entry-content>.wp-block-media-text.alignfull,
    .single-main .entry-content>.wp-block-media-text.alignfull,
    .student-main .entry-content>.wp-block-media-text.alignfull {
        margin: 2rem -160px;
        margin: 2rem var(--site-padding-minus);
        max-width: inherit
    }
}

.wp-block-media-text {
    display: block
}

@media screen and (min-width:48em) {
    .wp-block-media-text {
        display: grid
    }
}

.wp-block-buttons .wp-block-button {
    display: inline-block;
    margin-right: 18px;
    margin-bottom: 8px
}

.wp-block-button__link {
    font-size: .8em;
    padding: 6px 12px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.wp-block-button__link:hover {
    color: #fff;
    color: var(--global-white-color);
    background: #ea1e48;
    background: var(--color-red)
}

.wp-block-button.external-link a.wp-block-button__link,
.wp-block-button.external-link a.wp-block-button__link:visited {
    position: relative;
    text-transform: uppercase;
    font-family: aktiv-grotesk-extended, Helvetica Neue, Arial Narrow, sans-serif;
    font-family: var(--highlight-font-family);
    font-weight: 700;
    font-size: .8em;
    letter-spacing: .05em;
    color: #ea1e48;
    color: var(--color-red);
    background-color: transparent;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 12px 0 18px;
    text-align: left;
    text-decoration: none;
    overflow-wrap: break-word
}

.wp-block-button.external-link a.wp-block-button__link:active,
.wp-block-button.external-link a.wp-block-button__link:focus,
.wp-block-button.external-link a.wp-block-button__link:hover {
    text-decoration: underline
}

.wp-block-button.external-link a.wp-block-button__link:before {
    content: "";
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    background-image: url(../images/external_red.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.wp-block-button.external-link a.wp-block-button__link:after {
    content: "Visit Site";
    position: absolute;
    bottom: 0;
    left: 16px;
    font-family: aktiv-grotesk, Helvetica Neue, Arial Narrow, sans-serif;
    font-family: var(--global-font-family);
    font-weight: 300;
    text-transform: capitalize
}

.wp-block-button.story-link a.wp-block-button__link,
.wp-block-button.story-link a.wp-block-button__link:visited {
    position: relative;
    font-family: aktiv-grotesk-extended, Helvetica Neue, Arial Narrow, sans-serif;
    font-family: var(--highlight-font-family);
    font-weight: 700;
    font-size: .8em;
    min-width: 130px;
    letter-spacing: .05em;
    color: #1f1f21;
    color: var(--global-font-color);
    background-color: #fff;
    background-color: var(--global-white-color);
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 12px 20px 38px;
    text-align: left;
    text-decoration: none;
    overflow-wrap: break-word;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.wp-block-button.story-link.on-dark a.wp-block-button__link,
.wp-block-button.story-link.on-dark a.wp-block-button__link:visited {
    color: #fff;
    color: var(--global-white-color);
    background-color: #363636
}

.wp-block-button.story-link.on-dark a.wp-block-button__link:active,
.wp-block-button.story-link.on-dark a.wp-block-button__link:focus,
.wp-block-button.story-link.on-dark a.wp-block-button__link:hover,
.wp-block-button.story-link a.wp-block-button__link:active,
.wp-block-button.story-link a.wp-block-button__link:focus,
.wp-block-button.story-link a.wp-block-button__link:hover {
    color: #fff;
    color: var(--global-white-color);
    background-color: #ea1e48;
    background-color: var(--color-red)
}

.wp-block-button.story-link a.wp-block-button__link:before {
    content: "";
    position: absolute;
    bottom: 22px;
    left: 20px;
    width: 10px;
    height: 10px;
    background-image: url(../images/NextGoArrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.wp-block-button.story-link.on-dark a.wp-block-button__link:before,
.wp-block-button.story-link a.wp-block-button__link:hover:before {
    background-image: url(../images/NextGoArrow_White.svg);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.wp-block-button.story-link a.wp-block-button__link:after {
    content: "View Story";
    position: absolute;
    bottom: 16px;
    left: 36px;
    font-family: aktiv-grotesk, Helvetica Neue, Arial Narrow, sans-serif;
    font-family: var(--global-font-family);
    font-weight: 300;
    text-transform: capitalize;
    white-space: nowrap
}

.wp-block-button.project-link a.wp-block-button__link,
.wp-block-button.project-link a.wp-block-button__link:visited {
    position: relative;
    font-size: .8em;
    letter-spacing: .05em;
    color: #1f1f21;
    color: var(--global-font-color);
    background-color: #fff;
    background-color: var(--global-white-color);
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 10px 18px 10px 30px;
    text-align: left;
    text-decoration: none;
    overflow-wrap: break-word;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.wp-block-button.project-link a.wp-block-button__link:active,
.wp-block-button.project-link a.wp-block-button__link:focus,
.wp-block-button.project-link a.wp-block-button__link:hover {
    color: #fff;
    color: var(--global-white-color);
    background-color: #ea1e48;
    background-color: var(--color-red)
}

.wp-block-button.project-link a.wp-block-button__link:before {
    content: "";
    position: absolute;
    bottom: 16px;
    left: 12px;
    width: 10px;
    height: 10px;
    background-image: url(../images/NextGoArrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.wp-block-button.project-link a.wp-block-button__link:hover:before {
    background-image: url(../images/NextGoArrow_White.svg)
}

.wp-block-pullquote {
    border-top: none;
    border-bottom: none;
    margin-bottom: 28px;
    padding: 2em 0;
    font-family: aktiv-grotesk-extended, sans-serif;
    font-weight: 400;
    font-style: normal
}

@media screen and (min-width:48em) {
    .wp-block-pullquote.alignleft {
        float: left;
        margin-right: 2rem;
        padding: 1em 0;
        text-align: right;
        width: 300px
    }

    .curriculum-main .entry-content>.wp-block-pullquote.alignwide,
    .single-main .entry-content>.wp-block-pullquote.alignwide,
    .student-main .entry-content>.wp-block-pullquote.alignwide {
        max-width: 100%;
        margin-left: 0
    }

    .curriculum-main .entry-content>.wp-block-pullquote.alignfull,
    .single-main .entry-content>.wp-block-pullquote.alignfull,
    .student-main .entry-content>.wp-block-pullquote.alignfull {
        margin: 2rem -160px;
        margin: 2rem var(--site-padding-minus);
        padding-left: 160px;
        padding-left: var(--site-padding);
        padding-right: 160px;
        padding-right: var(--site-padding);
        max-width: inherit
    }
}

.wp-block-pullquote.is-style-solid-color blockquote {
    text-align: center
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    margin: 1.5em auto;
    padding: 0 1em
}

@media screen and (min-width:48em) {

    .entry-content>.wp-block-quote,
    .entry-content>.wp-block-quote.is-style-large {
        margin-left: auto
    }
}

.wp-block-quote,
.wp-block-quote.has-text-align-center,
.wp-block-quote.has-text-align-right {
    border-left: none;
    border-right: none;
    padding: 1rem 2rem;
    background-color: #ebebeb;
    background-color: var(--color-curriculum)
}

.wp-block-quote p {
    margin-bottom: .6rem
}

.wp-block-quote__citation,
.wp-block-quote cite,
.wp-block-quote footer {
    color: #707070;
    color: var(--global-font-dark);
    font-size: 13px;
    margin-top: 0;
    position: relative;
    font-style: normal
}

.wp-block-cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wp-block-cover__inner-container>* {
    max-width: 45rem;
    max-width: var(--content-width);
    margin-left: auto;
    margin-right: auto
}

.wp-block-cover .wp-block-cover-text,
.wp-block-cover p {
    margin-top: 0;
    margin-bottom: 0
}

@media screen and (min-width:60em) {

    .curriculum-main .entry-content>.wp-block-cover.alignwide,
    .single-main .entry-content>.wp-block-cover.alignwide,
    .student-main .entry-content>.wp-block-cover.alignwide {
        max-width: 100%;
        margin-left: 0
    }

    .curriculum-main .entry-content>.wp-block-cover.alignfull,
    .single-main .entry-content>.wp-block-cover.alignfull,
    .student-main .entry-content>.wp-block-cover.alignfull {
        margin: 2rem -160px;
        margin: 2rem var(--site-padding-minus);
        max-width: inherit;
        width: 100vw
    }

    .single-main .wp-block-cover.aligncenter,
    .single-main .wp-block-cover.alignright {
        max-width: 66.66%;
        max-width: var(--right-width);
        margin-left: 33.33%;
        margin-left: var(--left-push)
    }

    .curriculum-main .wp-block-cover.alignleft,
    .single-main .wp-block-cover.alignleft,
    .student-main .wp-block-cover.alignleft {
        float: left;
        max-width: 30%;
        margin-left: 33.33%;
        margin-left: var(--left-push)
    }

    .curriculum-main .wp-block-cover,
    .single-main .wp-block-cover,
    .student-main .wp-block-cover {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media only screen and (min-width:1620px) {

    .curriculum-main .entry-content>.wp-block-cover.alignfull,
    .single-main .entry-content>.wp-block-cover.alignfull,
    .student-main .entry-content>.wp-block-cover.alignfull {
        margin: 2rem 0;
        max-width: auto;
        width: auto
    }
}

.wp-block-tag-cloud {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.wp-block-tag-cloud a {
    display: inline-block;
    text-decoration: none;
    padding: 8px 16px;
    padding: var(--eight) var(--sixteen);
    border: 1px solid #1f1f21;
    border: 1px solid var(--global-font-color);
    color: #1f1f21;
    color: var(--global-font-color);
    border-radius: 2px;
    font-size: .8rem;
    margin: 0 8px 8px 0;
    margin: 0 var(--eight) var(--eight) 0;
    background-color: transparent;
    -webkit-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out
}

.wp-block-tag-cloud a:hover {
    background-color: #1f1f21;
    background-color: var(--global-font-color);
    color: #ebebeb;
    color: var(--global-font-light)
}

.wp-block-columns {
    margin: -1em 0
}

.wp-block-column {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.wp-block-column:not(:last-child),
.wp-block-column:nth-child(odd) {
    margin-right: 0
}

@media screen and (min-width:48em) {
    .wp-block-column:first-child {
        padding-right: 40px
    }

    .wp-block-column:nth-child(3) {
        padding-left: 40px
    }
}

.wp-block-column:not(:first-child) {
    margin-left: 0
}

.wp-block-columns.scrollable {
    background-color: #ebebeb;
    background-color: var(--color-curriculum);
    margin: 2rem 0
}

.wp-block-columns.scrollable .wp-block-image {
    margin: 0
}

@media screen and (min-width:60em) {
    .wp-block-columns.alignfull {
        margin: 2rem -160px;
        margin: 2rem var(--site-padding-minus);
        max-width: inherit
    }

    .wp-block-columns.alignfull .wp-block-column:first-child {
        padding-right: 0
    }

    .wp-block-columns.scrollable .wp-block-column:first-of-type {
        height: 70vh;
        overflow: scroll
    }

    .wp-block-columns.scrollable .wp-block-column:last-of-type {
        height: 70vh;
        overflow: scroll;
        position: relative
    }

    .wp-block-columns.scrollable .wp-block-column:first-child {
        padding-right: 0
    }

    .wp-block-columns.scrollable .wp-block-column:first-of-type .wp-block-group {
        height: 70vh;
        overflow: scroll;
        margin: 0
    }

    .wp-block-columns.scrollable .wp-block-column .wp-block-group.vertical {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .wp-block-columns.scrollable .wp-block-column:last-of-type .wp-block-group {
        height: 70vh;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        margin: 0
    }

    .wp-block-columns.scrollable .wp-block-column:last-of-type .wp-block-group img {
        height: 70vh;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.horizontal-outer {
    position: relative;
    margin: 40px -160px;
    margin: 40px var(--site-padding-minus);
    width: 100vw;
    height: 400px
}

::-webkit-scrollbar,
::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

.horizontal-scroll-wrapper {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 400px;
    max-height: 100vw;
    padding-top: 560px;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transform: rotate(-90deg) translateY(-400px);
    transform: rotate(-90deg) translateY(-400px);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    background-color: #fff
}

.horizontal-inner {
    width: 400px;
    height: 400px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    padding: 20px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.horizontal-inner * {
    width: 100%
}

.horizontal-inner img {
    -o-object-fit: cover;
    object-fit: cover
}

.wp-block-latest-comments,
.wp-block-latest-posts {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    border: 1px solid #ccc
}

ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.is-grid.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide {
    padding: 0 1.5em
}

.wp-block-separator {
    border: none;
    margin: 30px 0
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    max-width: 40%;
    width: 40%
}

.curriculum-main .entry-content>.wp-block-gallery.alignwide,
.single-main .entry-content>.wp-block-gallery.alignwide,
.student-main .entry-content>.wp-block-gallery.alignwide {
    max-width: 100%;
    margin: 2rem 0
}

@media screen and (min-width:48em) {

    .curriculum-main .entry-content>.wp-block-gallery.alignfull,
    .single-main .entry-content>.wp-block-gallery.alignfull,
    .student-main .entry-content>.wp-block-gallery.alignfull {
        margin: 2rem -160px;
        margin: 2rem var(--site-padding-minus);
        max-width: inherit
    }
}

.curriculum-main .entry-content>.wp-block-gallery.alignfull ul,
.single-main .entry-content>.wp-block-gallery.alignfull ul,
.student-main .entry-content>.wp-block-gallery.alignfull ul {
    width: 100%
}

.blocks-gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 16px;
    grid-gap: var(--sixteen)
}

.wp-block-gallery:not(.components-placeholder) {
    margin: 1.5em auto
}

.wp-block-gallery .blocks-gallery-item figure figcaption {
    padding: 20px;
    overflow: scroll;
    background-color: rgba(0, 0, 0, .5);
    color: #ebebeb;
    color: var(--global-font-light);
    text-align: left;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.wp-block-gallery .blocks-gallery-item figure:hover figcaption {
    opacity: 1
}

.entry-content .wp-block-gallery {
    padding-right: 1.5em;
    padding-left: 1.5em
}

@media screen and (min-width:48em) {
    .entry-content .wp-block-gallery {
        padding-right: 0;
        padding-left: 0
    }
}

@supports (display:grid) {

    .wp-block-gallery.columns-2 .blocks-gallery-item,
    .wp-block-gallery.columns-3 .blocks-gallery-item,
    .wp-block-gallery.columns-4 .blocks-gallery-item,
    .wp-block-gallery.columns-5 .blocks-gallery-item,
    .wp-block-gallery.columns-6 .blocks-gallery-item,
    .wp-block-gallery.columns-7 .blocks-gallery-item,
    .wp-block-gallery.columns-8 .blocks-gallery-item,
    .wp-block-gallery.columns-9 .blocks-gallery-item {
        grid-column: span 1;
        margin: 0;
        width: inherit
    }

    @media screen and (min-width:40em) {
        .wp-block-gallery.columns-2 .blocks-gallery-grid {
            grid-template-columns: repeat(2, 1fr)
        }

        .wp-block-gallery.columns-3 .blocks-gallery-grid {
            grid-template-columns: repeat(3, 1fr)
        }

        .wp-block-gallery.columns-4 .blocks-gallery-grid {
            grid-template-columns: repeat(4, 1fr)
        }

        .wp-block-gallery.columns-5 .blocks-gallery-grid {
            grid-template-columns: repeat(5, 1fr)
        }

        .wp-block-gallery.columns-6 .blocks-gallery-grid {
            grid-template-columns: repeat(6, 1fr)
        }

        .wp-block-gallery.columns-7 .blocks-gallery-grid {
            grid-template-columns: repeat(7, 1fr)
        }

        .wp-block-gallery.columns-8 .blocks-gallery-grid {
            grid-template-columns: repeat(8, 1fr)
        }

        .wp-block-gallery.columns-9 .blocks-gallery-grid {
            grid-template-columns: repeat(9, 1fr)
        }
    }
}

.has-theme-primary-color,
.has-theme-primary-color a {
    color: #1f1f21;
    color: var(--color-theme-primary)
}

.has-theme-primary-background-color {
    background-color: #1f1f21;
    background-color: var(--color-theme-primary)
}

.has-theme-secondary-color,
.has-theme-secondary-color a {
    color: #fff;
    color: var(--color-theme-secondary)
}

.has-theme-secondary-background-color {
    background-color: #fff;
    background-color: var(--color-theme-secondary)
}

.has-theme-red-color,
.has-theme-red-color a {
    color: #ea1e48;
    color: var(--color-red)
}

.has-theme-red-background-color {
    background-color: #ea1e48;
    background-color: var(--color-red)
}

.has-theme-green-color,
.has-theme-green-color a {
    color: #27ae60;
    color: var(--color-theme-green)
}

.has-theme-green-background-color {
    background-color: #27ae60;
    background-color: var(--color-theme-green)
}

.has-theme-blue-color,
.has-theme-blue-color a {
    color: #2980b9;
    color: var(--color-theme-blue)
}

.has-theme-blue-background-color {
    background-color: #2980b9;
    background-color: var(--color-theme-blue)
}

.has-theme-yellow-color,
.has-theme-yellow-color a {
    color: #f1c40f;
    color: var(--color-theme-yellow)
}

.has-theme-yellow-background-color {
    background-color: #f1c40f;
    background-color: var(--color-theme-yellow)
}

.has-theme-black-color,
.has-theme-black-color a {
    color: #000;
    color: var(--color-theme-black)
}

.has-theme-black-background-color {
    background-color: #000;
    background-color: var(--color-theme-black)
}

.has-theme-grey-color,
.has-theme-grey-color a {
    color: #95a5a6;
    color: var(--color-theme-grey)
}

.has-theme-grey-background-color {
    background-color: #95a5a6;
    background-color: var(--color-theme-grey)
}

.has-theme-white-color,
.has-theme-white-color a {
    color: #eaeaea;
    color: var(--color-theme-white)
}

.has-theme-white-background-color {
    background-color: #eaeaea;
    background-color: var(--color-theme-white)
}

.has-custom-daylight-color,
.has-custom-daylight-color a {
    color: #97c0b7;
    color: var(--color-custom-daylight)
}

.has-custom-daylight-background-color {
    background-color: #97c0b7;
    background-color: var(--color-custom-daylight)
}

.has-custom-sun-color,
.has-custom-sun-color a {
    color: #eee9d1;
    color: var(--color-custom-sun)
}

.has-custom-sun-background-color {
    background-color: #eee9d1;
    background-color: var(--color-custom-sun)
}

.flipping-items .card {
    width: 100%
}

@media screen and (min-width:48em) {
    .flipping-items .card {
        width: 50%
    }
}

@media screen and (min-width:60em) {
    .flipping-items .card {
        width: 33.3%
    }
}

.back video {
    z-index: 2
}

.video-loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: -1
}

.video-loader h6 {
    color: #fff;
    -webkit-animation: loader .8s linear infinite alternate;
    animation: loader .8s linear infinite alternate
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes loader {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.cd-image-container {
    position: relative;
    width: 90%;
    max-width: 768px;
    margin: 0 auto
}

.cd-image-container img {
    display: block
}

.cd-image-label {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    padding: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity .3s .7s, -webkit-transform .3s .7s;
    transition: opacity .3s .7s, -webkit-transform .3s .7s;
    transition: transform .3s .7s, opacity .3s .7s;
    transition: transform .3s .7s, opacity .3s .7s, -webkit-transform .3s .7s
}

.cd-image-label.is-hidden {
    visibility: hidden
}

.is-visible .cd-image-label {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.cd-resize-img {
    width: 0;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cd-resize-img,
.cd-resize-img img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.cd-resize-img img {
    display: block;
    width: auto;
    max-width: none
}

.cd-resize-img .cd-image-label {
    right: auto;
    left: 0
}

.is-visible .cd-resize-img {
    width: 50%;
    -webkit-animation: cd-bounce-in .7s;
    animation: cd-bounce-in .7s
}

@-webkit-keyframes cd-bounce-in {
    0% {
        width: 0
    }

    60% {
        width: 55%
    }

    to {
        width: 50%
    }
}

@keyframes cd-bounce-in {
    0% {
        width: 0
    }

    60% {
        width: 55%
    }

    to {
        width: 50%
    }
}

.cd-handle {
    position: absolute;
    height: 44px;
    width: 44px;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border-radius: 50%;
    background: #ea1e48 url(../images/cd-arrows.svg) no-repeat 50%;
    cursor: move;
    -webkit-box-shadow: 0 0 0 6px rgba(0, 0, 0, .2), 0 0 10px rgba(0, 0, 0, .6), inset 0 1px 0 hsla(0, 0%, 100%, .3);
    box-shadow: 0 0 0 6px rgba(0, 0, 0, .2), 0 0 10px rgba(0, 0, 0, .6), inset 0 1px 0 hsla(0, 0%, 100%, .3);
    opacity: 0;
    -webkit-transform: translateZ(0) scale(0);
    transform: translateZ(0) scale(0)
}

.cd-handle.draggable {
    background-color: #707070
}

.is-visible .cd-handle {
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    -webkit-transition: opacity 0s .7s, -webkit-transform .3s .7s;
    transition: opacity 0s .7s, -webkit-transform .3s .7s;
    transition: transform .3s .7s, opacity 0s .7s;
    transition: transform .3s .7s, opacity 0s .7s, -webkit-transform .3s .7s
}

.single-main .entry-content>.audio-player.full,
.single-main .entry-content>.audio-player.wide {
    max-width: 100%;
    margin-left: 0
}

.audio-player {
    background: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    margin: 0;
    overflow: hidden
}

.audio-player .album-image {
    height: 80px;
    width: 80px;
    background-size: cover
}

.audio-player .player-controls {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.audio-player .player-controls progress {
    width: 90%
}

.audio-player .player-controls progress[value] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f2f2f2;
    color: #ea1e48;
    color: var(--color-red);
    height: 10px
}

.audio-player .player-controls progress[value]::-webkit-progress-bar {
    background-color: #f2f2f2;
    border-radius: 0;
    color: #ea1e48;
    color: var(--color-red)
}

.audio-player .player-controls progress::-webkit-progress-value {
    background-color: #ea1e48;
    background-color: var(--color-red)
}

.audio-player .player-controls p {
    font-size: .8rem;
    font-family: aktiv-grotesk-extended, Helvetica Neue, Arial Narrow, sans-serif;
    font-family: var(--highlight-font-family);
    font-weight: 700;
    margin: .5em 0 .25em;
    color: #1f1f21;
    color: var(--global-font-color)
}

.audio-player .play-btn {
    background-image: url(../images/play2.png);
    background-size: cover;
    width: 40px;
    height: 40px;
    margin: 20px 0 20px 20px;
    cursor: pointer;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.audio-player .play-btn:hover {
    opacity: .8
}

.audio-player .play-btn.pause {
    background-image: url(../images/pause2.png)
}

.album-image {
    display: none
}

@media screen and (min-width:48em) {
    .album-image {
        display: block;
        background-image: url(../images/audio-default.png)
    }
}

.audio-start {
    left: 15px
}

.audio-end,
.audio-start {
    position: absolute;
    bottom: 0;
    color: #a2a2a2
}

.audio-end {
    right: 20px
}

@media screen and (min-width:60em) {
    .single-main .entry-content>.compare-outer {
        max-width: 66.66%;
        max-width: var(--right-width);
        margin-left: 33.33%;
        margin-left: var(--left-push)
    }
}

.single-main .entry-content>.compare-outer.center {
    max-width: 768px;
    margin: 0 auto
}

.single-main .entry-content>.compare-outer.full,
.single-main .entry-content>.compare-outer.wide {
    max-width: 100%;
    margin-left: 0
}

.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.wp-caption,
embed,
iframe,
object {
    max-width: 100%
}

.wp-caption {
    margin-bottom: 1.5em
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption-text {
    text-align: center
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

@media screen and (min-width:48em) {

    .wp-block-image.alignright,
    .wp-caption.alignright {
        margin-right: calc((100% - 45rem)/2);
        margin-right: calc((100% - var(--content-width))/2)
    }

    .wp-block-image.alignleft,
    .wp-caption.alignleft {
        margin-left: calc((100% - 45rem)/2);
        margin-left: calc((100% - var(--content-width))/2)
    }
}

.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-gap: .5em
}

@media screen and (min-width:40em) {
    .gallery-columns-2 {
        grid-template-columns: repeat(2, 1fr)
    }

    .gallery-columns-3 {
        grid-template-columns: repeat(3, 1fr)
    }

    .gallery-columns-4 {
        grid-template-columns: repeat(4, 1fr)
    }

    .gallery-columns-5 {
        grid-template-columns: repeat(5, 1fr)
    }

    .gallery-columns-6 {
        grid-template-columns: repeat(6, 1fr)
    }

    .gallery-columns-7 {
        grid-template-columns: repeat(7, 1fr)
    }

    .gallery-columns-8 {
        grid-template-columns: repeat(8, 1fr)
    }

    .gallery-columns-9 {
        grid-template-columns: repeat(9, 1fr)
    }
}

.gallery-item {
    padding: .5em;
    border: 1px solid #dedede
}

.gallery-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gallery-caption {
    font-size: 80%
}

.curriculum-main,
.single-main,
.student-main {
    position: relative;
    background-color: #f2f2f2;
    background-color: var(--color-stories);
    padding: 32px;
    padding: var(--mobile-site-padding);
    z-index: 4
}

@media screen and (min-width:60em) {

    .curriculum-main,
    .single-main,
    .student-main {
        padding: 65px 160px;
        padding: var(--half-padding) var(--site-padding)
    }
}

.entry-footer,
.entry-meta {
    font-family: aktiv-grotesk-extended, Helvetica Neue, Arial Narrow, sans-serif;
    font-family: var(--highlight-font-family);
    font-stretch: condensed;
    font-size: 80%
}

.entry-meta {
    margin: 1em 0
}

.know_us_title h1{
    font-size: 4em
}